<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线考试系统</title>
</head>

<script>
    function showChoose() {
        var first = document.getElementById("first");
        var choose = document.getElementById("ChooseUl");
        choose.style.display = "block";

    }
</script>
<body>
<div style="text-align: center">
    <h1>语文第一次考试</h1>
    <input type="text" value="倒计时：70分钟" style="float: right">
</div>
<div style="text-align: center">
    <textarea type="text" class="form-control"
              style=" display: inline-block;width: 300px;height: 80px;">
考试说明：现在已开放计算机考试，考试时间从8:00——10:00，总共为2个小时，请大家遵守纪律，自觉考试
                    </textarea>
</div>
<div style="left: 50%;position: absolute;transform: TranslateX(-50%)">
    <div style="float: left">
        <div>一、选择题</div>
        <br>
        <div>
            1、下列各组词语中加点字的读音，与所给注音全部相同的一组是（   ）<br>
            <br>
                   <input type="radio"> A．抢qiǎng    抢劫    抢救    呼天抢地    抢班夺权
            <br>
            <br>
                   <input type="radio"> B．当dāng     当日    当真    安步当车    当仁不让
            <br>
            <br>
                   <input type="radio"> C．切qiè      亲切    切磋    切中要害    切肤之痛
            <br>
            <br>

                    <input type="radio"> D．处chǔ      处方    处境    处心积虑    处之泰然
            <br>
            <br>
        </div>
    </div>
</div>
<div style="float: right;margin-right: 50px;">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <!--<li class="nav-header">-->
                <!--<div class="dropdown profile-element">-->
                <!--<span><img alt="image" class="img-circle" src="hplus/img/profile_small.jpg" /></span>-->
                <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                <!--<span class="clear">-->
                <!--<span class="block m-t-xs"><strong class="font-bold"></strong></span>-->
                <!--<span class="text-muted text-xs block" id="home_name" value="单选题"><b class="caret"></b></span>-->
                <!--</span>-->
                <!--</a>-->
                <!--<ul class="dropdown-menu animated fadeInRight m-t-xs">-->
                <!--<li><a class="J_menuItem" href="#" onclick="name()">个人资料</a>-->
                <!--</li>-->
                <!--<li class="divider"></li>-->
                <!--<li><a href="#">安全退出</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</div>-->
                <!--<div class="logo-element">SC-->
                <!--</div>-->
                <!--</li>-->
                <!--<li :for="m in @menu" :attr="{id:m.Obj}">-->
                <!--<a href="#" ms-attr="m.Attr">-->
                <!--<i class="fa fa-home"></i>-->
                <!--<span class="nav-label" :class="m.Class">{{m.Title}}</span>-->
                <!--<span class="fa arrow"></span>-->
                <!--</a>-->
                <!--<ul class="nav nav-second-level">-->
                <!--<li :for="s in m.Sub">-->
                <!--<a  class="J_menuItem" :attr="{href:'#!'+s.Obj+'/'+s.Obj+'_'+s.Type+'/0'}">{{s.Title}}</a>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->
                <li :attr="{id:m.Obj}">
                    <a href="#" ms-attr="m.Attr">
                        <!--<i class="fa fa-home"></i>-->
                        <span class="nav-label" :class="m.Class">单选题</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li style="color: green;margin-left: 20px">1</li>
                        <li style="color: green;margin-left: 20px">2</li>
                        <li style="color: white;margin-left: 20px">3</li>
                    </ul>
                </li>
                <li :attr="{id:m.Obj}">
                    <a href="#" ms-attr="m.Attr">
                        <!--<i class="fa fa-home"></i>-->
                        <span class="nav-label" :class="m.Class">多选题</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li style="color: white;margin-left: 20px">1</li>
                        <li style="color: white;margin-left: 20px">2</li>
                        <li style="color: white;margin-left: 20px">3</li>
                    </ul>
                </li>
                <li :attr="{id:m.Obj}">
                    <a href="#" ms-attr="m.Attr">
                        <!--<i class="fa fa-home"></i>-->
                        <span class="nav-label" :class="m.Class">判断题</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li style="color: white;margin-left: 20px">1</li>
                        <li style="color: white;margin-left: 20px">2</li>
                        <li style="color: white;margin-left: 20px">3</li>
                    </ul>
                </li>
            </ul>

        </div>
    </nav>
</div>
<!--</div>-->
<div style="margin-top: 20%;left: 35%;position: relative">
    <button class=" btn btn-info">上一页</button>
    <!--<button style="margin-left: 20%" id="next">提交试卷</button>-->
    <button class=" btn btn-info" style="margin-left: 20%" data-toggle="modal" data-target="#myModal">提交试卷</button>
    <!-- 模态框（Modal） -->
    <div class="modal fade dialog" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h2 class="modal-title" id="myModalLabel" style="text-align: center;font-weight: bold">确认提交</h2>
                </div>
                <div class="modal-body" style="margin-left: 15%">
                    <div><span style="font-size: 14px;font-weight: bold">确定提交？一旦提交不能修改</span></div>
                    <br><span style="font-size: 14px;font-weight: bold">未做题目：1道</span>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" :click="@addPlan" data-dismiss="modal">确定
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div>
    </div>
</div>
</body>
</html>
<link rel="stylesheet" href="http://cdn2.tansuyun.cn/common.css">
<link rel="stylesheet" href="../../hplus/css/admin.css">
<link href="../../hplus/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
<link href="../../hplus/css/animate.min.css" rel="stylesheet">
<link href="../../hplus/css/style.min862f.css?v=4.1.0" rel="stylesheet">
<link href="../../hplus/css/mycss/main.css" rel="stylesheet">
<script src="../../hplus/js/bootstrap.min.js?v=3.3.6"></script>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="../../hplus/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
<script src="http://cdn2.tansuyun.cn/base@20170802.min.js"></script>
<script src="http://cdn2.tansuyun.cn/castle.js"></script>
<script src="../../hplus/js/jquery.min.js?v=2.1.4"></script>
<script src="../../hplus/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../hplus/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="../../hplus/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../hplus/js/plugins/layer/layer.js"></script>
<script src="../../hplus/js/hplus.min.js?v=4.1.0"></script>
<script type="text/javascript" src="../../hplus/js/contabs.min.js"></script>
<script src="../../hplus/js/plugins/pace/pace.min.js"></script>